<template>
  <VTable ref="tableRef" v-bind="tableOptins">
    <template #form="{ form }">
      <VGroupPlus v-model="form.no" rightLabel="input" type="paymentNumber" />
      <VSelects v-model="form.todo" :dataSourse="[]" placeholder="结算方式" />
      <VSelects v-model="form.todo" :dataSourse="[]" placeholder="供应商" />
      <VSelects v-model="form.todo" :dataSourse="[]" placeholder="公司主体" />
      <el-input v-model="form.todo" placeholder="账期" class="w-50" />
      <VGroupPlus v-model="form.no" type="applicant" rightLabel="input">
      </VGroupPlus>
      <VSelects
        v-model="form.todo"
        :dataSourse="[]"
        placeholder="申请付款类型"
      />
      <VGroupPlus v-model="form.no" type="requestTime" rightLabel="time" />
    </template>
  </VTable>
</template>
<script lang="jsx" setup>
import { ElMessage } from "element-plus";
const tableOptins = reactive({
  formConfig: {
    data: {
      no: {
        type: null,
        value: null,
      },
      todo: null,
    },
  },
  tooltipConfig: {
    showAll: false,
  },
  isToggle: true,
  columns: [
    {
      type: "checkbox",
      width: 50,
      fixed: "left",
    },
  ],
  data: [],
});
const form = ref({
  no: null,
});
</script>
<style lang="scss" scoped>
.vx-table {
  height: calc(100% - 40px) !important;
}
</style>
